// 职责：负责处理axios的基本配置，最终将axios导出给其他组件使用
/* 封装axios用于发送请求 */
import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'

// 创建一个新的axios实例
const request = axios.create({
    baseURL: 'http://interview-api-t.itheima.net/',
    timeout: 5000 //请求超过5秒以后，自动断开连接，释放请求，增强http的性能
})

// 添加请求拦截器
request.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    //  统一携带token给服务器
    let token = store.state.user.token
    if(token){
        config.headers.Authorization = `Bearer ${token}`
    }

    return config
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function (response) {
    // 对响应数据做点什么

    // 将服务器响应体的数据直接返回，将来调用方，直接获取想要的数据即可
    return response.data
}, function (error) {
    // 对响应错误做点什么
    // 如果服务器响应的状态码是非200，则触发此逻辑
    // 提示用户报的错误信息
//    console.log(error?.response?.data?.message); 
   
    // 1. 401 token过期，需要重新登录
    if(error?.response?.status === 401){
        // 清除token
        store.commit('user/logout')
        // 提示用户登录过期
        Message.error('登录过期，请重新登录')
        // 跳转到登录页
        router.push('/login')
    }else{
        Message.error(error?.response?.data?.message || '网络错误，请稍后再试')
    } 

    return Promise.reject(error)
})

// 导出axios实例
export default request